<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>iPhone-Apple（中国大陆）</title>
    <style>

        .div-1{
            height: 40px;
            width: 100%;
            background: black;
        }
         .a1{
             width: 50%;
             height: 50px;
             margin:0 auto;
         }
        .a2{
            margin-top: 10px;
            width: 100px;
            height: 50px;
            float: left;
            color: white;
        }

        .a3{
            float: right;
            color: white;
            line-height: 50px;
        }

        .a4{
            float: left;
            color: white;
            line-height: 50px;
            margin-left: 50px;
        }
        .a5{
            float: left;
            color: white;
            line-height: 50px;
            margin-left: 50px;
        }

        .a6{
            float: left;
            color: white;
            line-height: 50px;
            margin-left: 50px;
        }
        .a7{
            float: left;
            color: white;
            line-height: 50px;
            margin-left: 50px;
        }
        .a8{
            float: left;
            color: white;
            line-height: 50px;
            margin-left: 50px;
        }
        .a9{
            float: left;
            color: white;
            line-height: 50px;
            margin-left: 50px;
        }

        .div-2{
            height: 1900px;
            width: 100%;
            background: black;
        }

        .b1{
            text-align: center;
            font-size: 30px;
            color: white;
            margin: 0 auto;

        }
        .b2{
            text-align: center;
            font-size: 30px;
            color: white;
            margin: 0 auto;
            height: 100px;
        }
        .b3{
            font-size: 25px;
            margin: 0 auto;
            text-align: center;
        }
      .b3-a{
          color: dodgerblue;
      }
        .b4{
            color: darkgray;
            text-align: center;
            padding:50px 50px;
            margin: 0 auto;
            width: 400px;
            font-size: 20px;
            height: 8px;
        }
        .b5{
            font-size: 25px;
            text-align: center;
            margin: 50px auto;
        }
        .b6{
            margin:495px 0px 0px 200px ;
        }

        .div-3{
            background: white;
        }

        .c1{
          margin:0px 0px 0px 1000px ;
        }

        .c2{
            margin: 0 auto;
            font-size: 30px;
            text-align: center;
        }

    </style>
</head>
<body>
<div class="div-1">
    <div class="a1">
        <div class="a2">
            <img src="imgs/1.jpg">
        </div>
        <div class="a3">Mac</div>
        <div class="a4">iPad</div>
        <div class="a5">iPhone</div>
        <div class="a6">Watch</div>
        <div class="a7">技术支持</div>
        <div class="a8"><img src="imgs/13.jpg"></div></div>


    </div>
<div class="div-2">
    <div class="b1">iPhone 11 pro</div>
    <div class="b2">摄像头 显示屏 性能</div>
    <div class="b2">样样 Pro 如其名。</div>
    <div class="b2">折抵换购，仅RMB 258/月或RMB 6199 起</div>
    <div class="b3"><a class="b3-a" href="#">进一步了解></a></div>
    <div class="b4">在线购买并享受免费送货服务。或预约†到 Apple Store 零售店购买。
    某些 iPhone 11 Pro 机型可直接到店内购买††。</div>
    <div class="b4">如果你已加入 iPhone 年年焕新计划，请先查询你的升级换购资格，
        然后预约前往 Apple Store 零售店换购新款 iPhone。</div>
    <div class="b5"><a class="b3-a" href="#">查询升级换购资格></a></div>
    <div class="b6"> <img src="imgs/2.jpg"></div >
</div>

<div class="div-3">
 <div><img src="imgs/4.jpg"  class="c1">
     <div class="c2">一切都好</div>
 </div>

</div>


</div>





</body>
</html>
